<style>
    .author_tab{
        height: 290px;
        background:#ffffff;
        padding:15px;
        font-size:16px;
        background:#333333;
    }

    .avatar{
        height: 50px;
        width:50px;
        margin:0 auto;
        background:#f5f5f5;
        border-radius: 30px;
        overflow: hidden;
        border: 2px solid #ffffff;
    }

    .avatar img{
        width:50px;
        height:50px;
     }

    .author-name{
        height: 35px;
        line-height: 35px;
        color:#999999;
        margin-top: 10px;
        font-size: 20px;
        text-align: center;
    }

    .author-main{
        color:#ffffff;
        line-height: 28px;
        font-size: 18px;
        text-align: center;
        
    }

    .author-wx{
        width:95px;
        height: 95px;
        margin: 0 auto;
    }

    .author-wx img{
        display: block;
        height: 95px;
        width: 95px;
    }

    .author-text{
        height:95px;
        line-height: 95px;
        color:#ffffff;
        font-size: 16px;
        text-align: center;
    }


</style>

<div class="author_tab">
    <div class="avatar">
        <img src="/zhcms/homeImage/user.jpg">
    </div>
    <div class="author-name">程序员小张</div>

    <div class="author-main">
        <p>产品开发和代码分享</p>
        <p>想法 / 经验 / 经历 / 收获</p>
        <p>学习 / 看书 / 成长 / 创业</p>
    </div>

    <div class="layui-row mt15">
        <div class="layui-col-lg6">
            <div class="author-text">扫码加我微信</div>
        </div>
        <div class="layui-col-lg6">
            <div class="author-wx">
                <img src="/zhcms/homeImage/weixin.png">
            </div>
        </div>
    </div>

</div>